<template>
	<view class="mine">
		<!-- 头部 -->
		<view class="box1">我的</view>
		<!-- 个人信息 -->
		<view class="personal">
			<view class="personal-left">
				<image @click="gopersonal" class="image" src="../../static/image/风景.png" mode=""></image>
				<view class="personal-left-bottom">
					<image class="vip" src="../../static/image/VIP.png" mode=""></image>
					<view class="vip1">铲屎平民</view>
				</view>
			</view>
			<view class="personal-right">
				<view class="personal-right1">陈喜喜</view>
				<view class="personal-right2">15550015998</view>
			</view>
			<view class="personal-last">
				<image class="photo" src="../../static/image/信息.png" mode=""></image>
			</view>
		</view>
		<!-- 会员中心 -->
		<view class="member">
			<image class="image1" src="/static/image/会员.jpg" mode=""></image>
		</view>
		<!-- 宫格 -->
		<view class="gird">
			<uv-grid :col="4" :border="false">
				<uv-grid-item @click="godifferentpages(item.url)" v-for="(item,index) in baseList" :key="index">
					<uv-icon :customStyle="{paddingTop:20+'rpx'}" :name="item.name" :size="40"></uv-icon>
					<text class="grid-text">{{item.title}}</text>
				</uv-grid-item>
			</uv-grid>
		</view>
		<!-- 客服 -->
		<view class="customer">
			<view class="customer1">
				<image src="../../static/image/客服.png" mode=""></image>
			</view>
			<view class="customer2">客服</view>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 宫格
				baseList: [{
					name: '/static/image/可爱小鸭子.png',
					title: '我的钱包',
					url:'/pages/qianbao/qianbao'
				}, {
					name: '/static/image/可爱小鸭子.png',
					title: '我的宠物',
					url:'/pages/wodechongw/wodechongw'
				}, {
					name: '/static/image/可爱小鸭子.png',
					title: '购物车',
					url:"/pages/shoppingcart/shoppingcart"
				}, {
					name: '/static/image/可爱小鸭子.png',
					title: '收货地址',
					url:"/pages/deliveryaddress/deliveryaddress"
				}, {
					name: '/static/image/可爱小鸭子.png',
					title: '优惠券',
					url:"/pages/youhuij/youhuij"
				}, {
					name: '/static/image/可爱小鸭子.png',
					title: '邀请好友',
					url:"/pages/yaoqinghy/yaoqinghy"
				}, {
					name: '/static/image/可爱小鸭子.png',
					title: '投诉建议',
					url:"/pages/tousujy/tousujy"
				}, {
					name: '/static/image/可爱小鸭子.png',
					title: '设置',
					url:"/pages/SetUp/setup/setup"
				}],
			}
		},
		methods: {
			godifferentpages(e){
				uni.navigateTo({ url: e })
			},
			gopersonal() {
				uni.navigateTo({ url: '/pages/gerenzil/gerenzil' })
			}
		}
	}
</script>
<style lang="scss">
	@import url("../../pages/mine/mine.css");
</style>